<input data-bind="value: initSelectItem()?initSelectItem()[$root.customText]: '', koInput: {css: className, readonly: true}, 
                    click: function(item, event){$(event.currentTarget).parent().find('ul').toggleClass('f-show');}">
<i data-bind="css: iClassName, click: function(item, event){$(event.currentTarget).parent().find('ul').toggleClass('f-show');}"></i>
<ul class="u-ws-normal" data-bind="foreach: selectData, style: {'max-height': ulHeight}">
    <li data-bind="click: function(item, event){$parent.initSelectItem(item); $parent.clickSelectLi(item, event);
                    $(event.currentTarget).parent().removeClass('f-show');}, text: $data[$root.customText]">
    </li>
</ul>